@charset "utf-8";
.gytitle{ height:34px; line-height:34px; background:url(../images/index02.gif) no-repeat left; padding-left:15px; position:relative;}
.gytitle span,.gytitle span a{ font-family:"微软雅黑"; font-size:14px; color:#000000; font-weight:600;}
.gytitle b{ font-family:"微软雅黑"; color:#000000;padding-left:5px; text-transform:uppercase;}

.product .content{border:1px solid #cfcfcf;}
.product .cpbar{ height:193px; background:url(../images/index07.gif); border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.product .type{ padding-top:2px;width:127px; background:#fff; border-right:1px solid #d7d7d7; float:left;}
.product .type li{ height:37px; margin-bottom:1px;}
.product .type li a{ height:35px; line-height:35px; text-align:center; width:123px; border:1px solid #e0e0e0; display:inline-block; background:url(../images/typeli.gif);}
.product .type li a:hover,.product .type li.fill a{ background:url(../images/index08.gif) repeat-x; border:1px solid #54a5ff; color:#ffffff; text-decoration:none;}
.product .sidebar { width:846px; float:left; padding-left:22px; padding-top:16px;}
.product .sidebar .arrow_l{width:23px; height:162px;background:url(../images/indexPrev.png) no-repeat 0px 18px;float:left;cursor:pointer;}
.product .sidebar .arrow_r{width:21px; height:162px; background:url(../images/indexNext.png) no-repeat 0px 18px;float:right;cursor:pointer; }
.product .sidebar .main { width:792px; overflow:hidden; height:162px; float:left;}
.product .sidebar .main ul { float:left;height:162px; }
.product .sidebar .main li{width:188px; height:162px; float:left; margin-right:10px; display:inline;}
.product .sidebar .main li img{width:172px; background:#fff; height:129px;display:block; border:1px solid #cccccc; padding:3px;}
.product .sidebar .main li .post{height:21px;padding-top:4px;text-align:center;}
.product .sidebar .main li .cpfl{ float:left;line-height:21px; display:inline-block; padding-left:14px;}
.product .sidebar .main li .yuding{ float:right; width:65px; height:21px; text-align:center; color:#fff; line-height:21px; background:#1e90d8;display:inline-block;}

.case{}
.gytitle .more{ position:absolute; width:46px; height:11px; top:18px; right:0px;}
.case .content{border:1px solid #cfcfcf;}
.case .casebar{border:1px solid #fcfcfc; height:148px; background:url(../images/index06.gif); padding-top:24px;padding-left:31px;padding-right:31px;}
.case .tbody {}
.case .tbody .arrow_l{width:33px;height:148px;background:url(../images/indexPrev.png) no-repeat 0px 8px; float:left;cursor:pointer;}
.case .tbody .arrow_r{width:11px; height:148px; background:url(../images/indexNext.png) no-repeat 0px 8px;float:right;cursor:pointer;}
.case .tbody .main{ width:865px; overflow:hidden; height:148px; float:left;}
.case .tbody .main ul { float:left;height:148px;}
.case .tbody .main li{width:154px; height:148px; float:left; text-align:center; margin-right:10px; display:inline;}
.case .tbody .main li img{width:144px; height:108px;display:block; border:1px solid #dcdcdc; padding:2px;}
.case .tbody .main li span{line-height:30px; height:30px; display:inline;}
.case .tbody .main li span a{ color:#5d5d5d;}

.about{ width:310px; float:left;}
.about .shop{ border:1px solid #cfcfcf;}
.about .subshop{ border:1px solid #fcfcfc;height:179px; background:url(../images/index04.gif); padding-top:12px; padding-left:13px; color:#666666; line-height:20px; padding-right:12px;text-align:justify;text-justify:inter-ideograph;}
.about .subshop img{ padding-bottom:10px; height:72px;}
.about .subshop a,.about .subserver a{ color:#b31113;}

.about .server{ border:1px solid #fcfcfc;height:171px; background:url(../images/index04.gif); padding-top:20px;}
.about .subserver{ line-height:30px; background:url(../images/index05.png); width:278px; margin:0px auto; color:#666666;}
.about .subserver a{color:#333333;}
.about .subserver a:hover{color:#1E90D8;}
.about .subcontact{ background:url(../images/contact-bg.gif) no-repeat bottom right; line-height:19px; height:171px; padding-left:25px; padding-right:40px; color:#666;}
.fj{ padding-left:35px; padding-right:35px;}

.links{}
.links .list{ border:1px solid #cfcfcf;}
.links .list ul{ border:1px solid #fcfcfc; height:85px; background:url(../images/index03.gif); padding-top:20px; padding-left:40px;}
.links .list li{ width:97px;float:left; margin-right:20px; display:inline; text-align:center;}
.links .list li img{ width:95px; height:34px; display:block; border:1px solid #cccccc;}
.links .list li span{ padding-top:10px; height:22px; line-height:22px; display:inline-block;}

.clear10{ clear:both; height:10px;}
.clear20{ clear:both; height:20px;}
.clear1{ clear:both; height:1px;}
/* home style began */

/* pages style Start */
.subleft{width:243px; float:left;}
.nytype .title{ height:45px; line-height:45px; background:url(../images/type.gif) no-repeat; padding-left:25px;}
.nytype .title span{ font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:600;}
.nytype .title b{ font-family:"微软雅黑"; color:#fff;padding-left:5px; text-transform:uppercase;}
.nytype .list{ border:1px solid #d2d2d2; padding-left:2px; padding-top:2px; background:#fff;}
.nytype .list li{ height:37px; margin-bottom:2px;}
.nytype .list li a{height:35px; line-height:35px; text-align:center; width:235px; border:1px solid #e0e0e0; display:inline-block; background:url(../images/typeli.gif);}
.nytype .list li a:hover{ background:url(../images/index08.gif) repeat-x; border:1px solid #54a5ff; color:#ffffff; text-decoration:none;}

.nycontact{ padding-top:10px;}
.nycontact .shop{ border:1px solid #cfcfcf;}
.nycontact .server{ border:1px solid #fcfcfc;height:160px; background:url(../images/index04.gif); padding-top:15px;}
.nycontact .subcontact{ background:url(../images/nycontact-bg.gif) no-repeat bottom right; line-height:20px; height:160px; padding-left:15px; padding-right:10px; color:#666;}

.subright{width:732px; border:1px solid #d3d3d3; background:#fff; float:right;min-height:475px;}
.comCrumb{height:40px; line-height:40px; background:url(../images/index02.gif) no-repeat 19px; border-bottom:1px solid #dddddd; margin-bottom:20px; overflow:hidden; padding-left:35px; padding-right:20px; }
.comCrumb .crumb1{float:left;color:#000000; font-weight:bold;}
.comCrumb .crumb2{ float:right; color:#666666;}

.prolist li{width:188px; height:162px; float:left; margin-left:37px; margin-right:10px; display:inline; margin-bottom:25px;}
.prolist li img{width:180px; background:#fff; height:129px;display:block; border:1px solid #cccccc; padding:3px;}
.prolist li .post{height:21px;padding-top:4px;}
.prolist li .cpfl{ float:left;line-height:21px; display:inline-block; padding-left:14px;}
.prolist li .yuding{ float:right; width:65px; height:21px; text-align:center; color:#fff; line-height:21px; background:#1e90d8;display:inline-block;}

.page {display:block;height:30px;text-align:center; border-top:1px solid #dddddd; padding-top:13px; padding-bottom:20px;}
.page a,.page span {background:#efefef;border:1px solid #efefef;color:#4f4e49;display:inline-block;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#3fb3e6;border-color:#3fb3e6;color:#ffffff;text-decoration: none;}

.prolist2 li{width:188px; height:156px; float:left; margin-left:37px; margin-right:10px; display:inline; margin-bottom:15px;}
.prolist2 li img{width:180px; background:#fff; height:135px;display:block; border:1px solid #cccccc; padding:3px;}
.prolist2 li span{width:188px; height:25px;text-align:center; line-height:25px; display:inline-block; padding-top:5px;}
.prolist2 li span a{color:#666;}

.newslist{ width:658px; margin:0px auto;}
.newslist li{ width:628px; float:left; height:39px; line-height:39px; border-bottom:1px dashed #bcbcbc;background:url(../images/tco06.gif) no-repeat 8px;padding-left:30px;}
.newslist li a{ color:#333; float:left;}
.newslist li a:hover{ color:#1e90d8;}
.newslist li span{float:right; color:#666;}

.lings{ padding-left:20px; padding-right:20px;_width:692px;}
.caselist{ height:118px; padding-top:20px; padding-bottom:20px;border-bottom:1px dashed #999999;}
.caselist .img{ width:175px; float:left; padding-right:25px;}
.caselist .img img{width:169px; height:112px; border:1px solid #dfdfdf; padding:2px; display:block;}
.caselist .comt{ width:478px; float:left;}
.caselist .comt b{ height:30px; line-height:30px; display:inline-block;background:url(../images/tco06.gif) no-repeat left;padding-left:14px;}
.caselist .comt b a{font-size:14px; color:#1e90d8;}
.caselist .comt span{height:20px; line-height:20px; display:inline-block; color:#999999; padding-bottom:8px;}
.caselist .comt p{line-height:20px; color:#666; text-indent:2em;}
.caselist .comt p a{color:#1e90d8;}
/* download style Start */

.ArticleTitle {color:#1e90d8;font-family:"微软雅黑";font-size:18px;/*line-height:48px;margin-bottom:10px;*/text-align:center;}
.ArticleMessage {border-bottom:1px dotted #dbdbdb;border-top:1px dotted #dbdbdb;color:#666666;height:28px;line-height:28px;margin-bottom:20px;text-align: center;}
.ArticleMessage span{padding-left:10px; padding-right:10px;}
.deseditor{line-height:24px; color:#666666; padding-left:20px; padding-right:20px;}
.deseditor .pic{ border:1px solid #dfdfdf; padding:2px;}
.deseditor .title{font-size:16px; height:30px; line-height:30px; display:inline-block; padding-top:6px;}
.preNext{ border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; height:40px;line-height:40px;margin-top:15px;color:#666;}
.preNext a{ color:#333;}
.preNext a:hover{ color:#3FB3E6;}

.cpshow{ padding-left:10px; padding-right:10px;}
.cpshow .time{color:#666666;height:28px;line-height:28px; font-size:14px;}
.cpshow .introduction{ padding-top:10px;}
.cpshow .pic{float:left; border:1px solid #dbdbdb; padding:3px; width:400px;}

.pic2{ padding-bottom:10px;}
.pic2 img{width: 500px;height: 375px;padding: 2px;border: 1px solid #CCCCCC;}







.cpshow .info{ float:left; padding-left:15px; width: 235px;}
.cpshow .info strong{ line-height:30px;display:inline-block; padding-top:5px; font-size:20px; font-weight:bold; color:#0264B0;}
.cpshow .info p{ line-height:27px; color:#333333; font-size:13px; padding-bottom:15px;}
.cpshow .info p span{ color:#2d5100; font-size:14px; font-weight:bold;}
.cpshow .btn{ height:40px;}
.cpshow .submit{width:90px; height:30px; line-height:30px; font-size:13px; text-align:center; color:#515151; background:#2d5100; border:1px solid #2d5100; color:#fff; font-weight:bold; border-radius:3px; display:inline-block; text-decoration:none;}
.cpshow .message{width:90px; height:30px; line-height:30px; font-size:13px; text-align:center; color:#515151; background:#f0f0f0; border:1px solid #ccc; color:#515151; font-weight:bold; border-radius:3px; display:inline-block; text-decoration:none;}
.cpshow .name{ font-size:16px; color:#0264B0; padding-left: 23px;}
.cpshow .cpdeseditor{line-height:25px; color:#666666; padding-top:20px;}
.key{ padding-top:10px; height:25px; line-height:25px; color:#666; font-weight:bold;}
.key a{ color:#2d5100;}
.share_{ float:right;}

/* pageApply */
.pageApply table.table { width:620px; margin:0 auto; }
.pageApply table.table span.red { color:#F00; margin-right:5px; }
.pageApply table.table td { padding-left:10px;  }
.pageApply table.table input.txt1, .pageApply table.table input.txt2, .pageApply table.table textarea.txt3 { width:90px; height:22px; line-height:22px; background:#FFF; border:1px solid #dcdcdc; border-radius:3px; color:#999; _padding:0 5px; text-indent:6px;}
.pageApply table.table input.txt1:focus, .pageApply table.table input.txt2:focus, .pageApply table.table textarea.txt3:focus { border:1px solid #dcdcdc !important; }
.pageApply table.table input.txt2 { width:215px; }
.pageApply table.table textarea.txt3 { width:420px; height:86px; overflow:auto; }
.pageApply table.table label { color:#999; }
.pageApply table.table .line { border-bottom:1px solid #ddd; }
.pageApply table.table input.sub { width:90px; height:24px; line-height:24px; color:#FFF; text-align:center; background:url(../images/td.png) no-repeat; border:none; margin-right:10px; _background:#ff6e00; cursor:pointer;}
.pageApply table.table img.code { vertical-align:-8px;}
.pageApply .mes_pic{ height:40px; padding-left:85px;}
.pageApply .order_pic{ height:35px; text-align:center;}
.mes{ background:url(../images/msg.png) no-repeat top right;}

.pageMsg{margin:35px auto 30px}
.pageMsg .tip{height:32px;margin-bottom:5px}
.pageMsg .tip i{width:78px;height:32px;display:block;margin-left:65px;background:url(../images/web/msgTip.png) 0 0 no-repeat}
.pageMsg #formPost table{width:100%;margin:0 auto 50px;border:none;}
.pageMsg #formPost table span.red{color:#f00;margin-right:5px;}
.pageMsg #formPost table td{padding-left:10px;border:none;vertical-align:middle;height:40px}
.pageMsg #formPost img{vertical-align:middle;}
.pageMsg #formPost table input[type="text"]{border:1px solid #ddd;padding:2px;height:24px;line-height:24px;width:240px;line-height:1.8em;color:#666;margin:0;font-size:12px}
.pageMsg #formPost table input[type="button"],.pageMsg #formPost table input[type="submit"]{background:none repeat scroll 0 0 #91633f;border:1px solid #91633f;border-radius:3px;color:#fff;cursor:pointer;float:left;font-size:13px;font-weight:bold;height:28px;line-height:28px;margin-right:10px;text-align:center;width:94px}
.pageMsg #formPost table input[type="reset"]{background:none repeat scroll 0 0 #f3f3f3;border:1px solid #f3f3f3;border-radius:3px;color:#aaa;cursor:pointer;float:left;font-size:13px;font-weight:bold;height:28px;line-height:28px;margin-right:10px;text-align:center;width:94px}
.pageMsg #formPost table textarea{width:240px;height:80px;border:1px solid #ddd;padding:2px;color:#666;line-height:1.6em;margin:0;font-size:12px}
.pageMsg #formPost #txtImageCode{width:90px;}
.pageMsg .formTdLeft{width:80px;}

/* 客服效果 */
.jing_kf { width:119px; position:absolute; right:10px; top:100px; }
.jing_kf .topkf { height:66px; background:url(../images/kf_top.png) center top no-repeat; }
.jing_kf .mainkf { min-height:50px; background:url(../images/kf_bg.png) center bottom no-repeat; position:relative; padding-top:10px; }
.jing_kf .mainkf ul { padding-left:8px; margin-bottom:5px; }
.jing_kf .mainkf ul.t { overflow:hidden; }
.jing_kf .mainkf ul.t li.e { text-align:center; line-height:18px; }
.jing_kf .mainkf ul.t li.e span, .jing_kf .mainkf ul.t li.e strong { padding:0 5px; display:block; font-size:12px; color:#0264B0; }
.jing_kf .mainkf ul.t li.b { height:40px; }
.jing_kf i.online, .jing_kf i.salebefor, .jing_kf i.saleafter { width:103px; height:35px; background:url(../images/qq_jt.gif) 0 0 no-repeat; display:block; }
.jing_kf i.saleafter { background:url(../kf/skin/1/sh_jt.gif) 0 0 no-repeat; }
.jing_kf i.salebefor { background:url(../kf/skin/1/sq_jt.gif) 0 0 no-repeat; }
.jing_kf .mainkf ul.t li.lin { margin-bottom:10px; }
.jing_kf .mainkf div.mobileCode { padding-left:1px; text-align:center; margin-bottom:15px; }
.jing_kf .mainkf div.mobileCode i.dimCode { width:100px; height:100px; background:url(../images/erwm.jpg) center center no-repeat; border:1px solid #dedede; display:block; margin:0 auto; box-shadow:0 0 3px rgba(0,0,0,0.1); }
.jing_kf .mainkf div.mobileCode span { display:block; color:#0264B0; font-weight:700; line-height:22px;}
.jing_kf .mainkf .returnTop { height:30px; position:relative; }
.jing_kf .mainkf .returnTop a { width:32px; height:50px; background:url(../images/kf_returntop.png) center bottom no-repeat; cursor:pointer; position:absolute; top:1px; left:46px; }
/* 表单验证 */
.formData { width:550px; margin:0px auto 20px; padding-top:30px; }
.formData tr.item label {}
.formData tr.item .tip { width:130px; margin-left:20px; }
.formData tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc !important;  border-radius:3px; padding:0 5px;  }
.formData tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #1E90D8 !important;  border-radius:3px; }
.formData tr.code input { width:90px; }
.formData .sub { width:102px; height:32px; line-height:32px; color:#333; text-align:center; background:#F0F0F0 ; color: #515151;; border:none; margin-right:10px; cursor:pointer; }
.formData tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
.formData .err, .formData .red { color:#1E90D8; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }
/* 留言列表展示 */
.messageList { padding:10px 5px 0; }
.messageList div.item { border:1px solid #ddd; background:#FFF; width:655px; padding:5px; margin:0 auto; margin-bottom:5px; }
.messageList div.item .top33 { height:20px; line-height:20px; border-bottom:1px dotted #ddd; overflow:hidden; margin-bottom:5px; }
.messageList div.item .top33 .name { float:right; text-align:right; color:#999; }
.messageList div.item .top33 .name span { margin-left:15px; }
.messageList div.item .top33 .tit { float:left; color:#1E90D8; }
.messageList div.item .main33 { color:#999; }
.messageList div.item .reply { background:#fdf8ff; border:1px dotted #ecbbff; color:#1E90D8; }
.messageList div.item .reply p { padding:5px; }

/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {height:48px;position:relative; z-index:10;width: 1000px;}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {padding:0; margin:0;list-style-type: none;}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {width:125px; height:48px;position:relative;float:left;line-height:48px;text-align:center; background:url(../images/navli.gif) no-repeat left;}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:124px; 
height:48px; 
color:#fff; 
background:none;
line-height:48px; 
font-family:"微软雅黑";
font-size:14px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
.menu ul li ul li{width:125px; height:27px;position:relative;float:left;line-height:48px;text-align:center;}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff;
background-color:rgba(255,255,255,0.3);
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:48px; 
left:0; 
width:124px;
height:27px;
line-height:35px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background-color:rgba(255,255,255,0.7);
color:#000;
height:27px;
line-height:27px;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background-color:rgba(121,121,237,0.8);
color:#fff;
height:27px;

}